﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    @RenderSection("styles", false)
    <style>
        #mainnav ul{
           list-style:none;
           margin:0;
           padding:0;
           margin-top:10px;
        }

        #mainnav ul li{
            float:left;
            margin-left:2px;
            border:1px solid black;
            width:100px;
            text-align:center;
            height:30px;
            font-size:20px;

            background-color:black
        }
        #mainnav ul li a {
            color: white;
        }
        #photo {
            width: 500px;
            height: 60px;
            object-fit: cover
        }
        #photo img{
            width:100%;
            height:100%;
        }
        #mainfoot{
            margin-top:20px;
        }
        #foota a {
            text-decoration: none;
            color: #D3D3D3;
        }
        #foota div{
            margin-top:10px;
        }
        #foot {
            width: 1100px;
            height:40px;
            background-color: #B3B3B3;
            text-align: center;
            margin-top:5px;
        }
        #foot a{
            color: #ECECEC;
        }
        #foot span{
            display:inline-block;
            margin-top:10px;
        }
        #tongzhi{

            width:200px;
            height:80px;
            object-fit:cover;
        }
        #tongzhi img{
            width:100%;
            height:100%;
        }
        #liucheng {
            text-align: center;
        }
        #guangao1 {
            width: 1100px;
            object-fit: cover;
        }
        #guangao1 img{
            width:100%;
            height:100%;
        }
        #maintop h4{
            color:red;
        }
    </style>
</head>
<body>
    <div class="container" id="maintop">
        <div class="col-md-12">
            <div>您好,欢迎来到苏州卖座网 <span><a href="/User/Login">登录</a></span> <span><a href="#">退出</a></span></div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <img src="~/imgs/maizuo.jpg" alt="Alternate Text" />
                </div>
                <div class="col-md-3">
                    <h4>电影定做，就去卖座。</h4>
                </div>
                <div class="col-md-7" id="photo">
                    <img src="~/imgs/94d71c104a7ba99a.jpg" alt="Alternate Text" />
                </div>
            </div>
            <div class="row" id="mainnav">
                <ul>
                    <li><a href="#">添加影院</a></li>
                    <li><a href="#">添加影片</a></li>
                    <li><a href="#">删除影片</a></li>
                    <li style="width:700px"></li>
                </ul>
            </div>
            
        </div>
        <div class="container">
            <div class="row">
                @RenderBody()
            </div>
        </div>

        <div class="container" id="mainfoot">
            <div>在线咨询：</div>
            <div class="container">
                <div class="col-md-9" id="foota">
                    <div>客服热线：<a href="#">400-1820-4000</a>(周日至周四：<a href="#"> 00：00-22：00</a>，周五至周六： <a href="#">09：00-22：00</a>)</div>
                    <div>
                        电影：<a href="#">正在上映</a>*<a href="#">即将上映</a>*<a href="#">卖座影库</a>*<a href="#">影评榜</a>&nbsp;
                        我的：<a href="#">订单</a>*<a href="#">主页</a>*<a href="#">修改资料</a>
                    </div>
                    <div>
                        影院：<a href="#">影院列表</a>*<a href="#">影院排挡</a>*<a href="#">影院购票</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        手机：<a href="#">iPhone</a>*<a href="#">Ancroid</a>*<a href="#">手机Web</a>
                    </div>
                    <div>
                        订票：<a href="#">在线订票</a>*<a href="#">团购票</a>*<a href="#">预购票</a>*<a href="#">切换城市</a>&nbsp;&nbsp;&nbsp;&nbsp;
                        使用：<a href="#">使用帮助</a>*<a href="#">卖座电影卡</a>*<a href="#">团购激活券*</a><a href="#">绑定现金卡</a>
                    </div>
                </div>
                <div class="col-md-3" id="liucheng">
                        观影流程：
                    <div>
                        <div id="tongzhi"><img src="~/imgs/tongzhi.png" alt="Alternate Text" /></div>
                    </div>
                </div>
                <div class="col-md-12" id="guangao1">
                    <div><img src="~/imgs/guanggao1.png" alt="Alternate Text" /></div>
                </div>
                <div id="foot" class="col-md-12">
                    <span><a href="#">关于卖座网</a> | <a href="#">联系我们</a> | <a href="#">商务合作</a> | <a href="#">安全管理</a> | <a href="#">用户隐私</a> | <a href="#">退票服务</a> | <a href="#">合作伙伴</a> | <a href="#">诚聘英才</a> | <a href="#">使用帮助</a> | <a href="#">积分帮助</a></span>
                </div>
            </div>
        </div>
    </div>
        <script src="~/Scripts/jquery-3.4.1.min.js"></script>
        <script src="~/Scripts/bootstrap.min.js"></script>
        @RenderSection("scripts", false);

</body>
</html>
